<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<title>湖南省茶叶博物馆-湖南省茶叶博物馆</title>
		<meta name="description" content="专注、专业、专一。秉持着一心为茶、专业制茶、只做茶业的经营理念，湖南省茶业集团股份有限公司历经29年岁月洗礼后，深刻体会到发展茶文化将成为公司永续的灵魂。发扬湖湘茶文化，取之于社会用之于社会，取之茶用之于茶的强烈使命感，投资兴建该馆。该馆是目前湖南省第一家经文物局备案，由茶叶企业承办，面向全社会开放的茶叶专业博物馆，全馆由中茶馆、湘茶馆、湘茶品茗区、制茶体验区四部分组成。" />
		<meta name="keywords" content="湖南省茶叶博物馆" />
		<link rel="stylesheet" href="/template/default/css/favicon.css" />
		<link rel="stylesheet" href="/template/default/css/ui.css" />
		<link rel="stylesheet" href="/template/default/css/style.css" />
		<link rel="stylesheet" href="/template/default/css/responsive.css" />
		<link rel="stylesheet" href="/template/default/swiper-4.3.5/css/swiper.min.css">
		<!--<script type="text/javascript" src="/template/default/js/jquery-1.12.4.min.js"></script>-->
		<script type="text/javascript" src="/template/default/js/jquery.min.js"></script>
		<link rel="stylesheet" type="text/css" href="/template/default/css/phone360.css">
		<script src="/template/default/js/jquery-1.10.2.js"></script>
		<style>
			html,body{ width:100%; height:100%; overflow: hidden;}
		</style>


	<meta name="baidu-site-verification" content="codeva-vpsktwBTGW" />

</head>
	<body>

		<header class="widgets_single_nav_2 xc-head wrapHeader header">
			<div class="wrap2 fix ope">
				<h1 class="logo l"> <a href="/"> <img src="/template/default/images/logo.png" alt="湖南省茶叶博物馆" /> </a> </h1>

				<div class="search r">
					<a href="javascript:void(0)" class="click_pop icon" title="搜索"></a>
				</div>
	
				<div class="inav_wrapper r">
					<div class="inav" id="menu">
						<ul class="fix">
							<li class="nav_li"> <a href="/">首页</a></li>
							
							<li class="nav_li mainlevel"><a href="/pages_23/">茶博概况</a>
								
								<div class="nav_a">
									<ul>
										
										<li><a href="/pages_20/">关于我们</a></li>
										
										<li><a href="/wenchuang/">文创周边</a></li>
										
									</ul>
								</div>
								
							</li>
							
							<li class="nav_li mainlevel"><a href="/article/">资讯</a>
								
								<div class="nav_a">
									<ul>
										
										<li><a href="/news_3/">本馆公告</a></li>
										
										<li><a href="/news_46/">新闻动态</a></li>
										
										<li><a href="/news_12/">志愿者之家</a></li>
										
									</ul>
								</div>
								
							</li>
							
							<li class="nav_li mainlevel"><a href="/education/">社会教育</a>
								
								<div class="nav_a">
									<ul>
										
										<li><a href="/list_29/">技能培训</a></li>
										
										<li><a href="/list_30/">定制活动</a></li>
										
										<li><a href="/list_31/">青少年活动</a></li>
										
									</ul>
								</div>
								
							</li>
							
							<li class="nav_li mainlevel"><a href="/wenwu/">典藏</a>
								
								<div class="nav_a">
									<ul>
										
										<li><a href="/wenwu/">数字文物库</a></li>
										
										<li><a href="/pages_40/">典藏咨询</a></li>
										
									</ul>
								</div>
								
							</li>
							
							<li class="nav_li mainlevel"><a href="/show/">展示</a>
								
								<div class="nav_a">
									<ul>
										
										<li><a href="/list_35/">展示视频</a></li>
										
									</ul>
								</div>
								
							</li>
							
						</ul>
					</div>
				</div>
			</div>
		</header>
		<!--遮罩层-->
		<div class="bgPop"></div>
		<!--弹出框-->
		<div class="pop">
		    <div class="pop-top">
		        <h2>搜索</h2>
		        <span class="pop-close">Ｘ</span>
		    </div>
		    <div class="pop-content">
		        <div class="pop-content-right">
		            <div class="hd_tools_box fix">
		            	<form action="/search/" method="get">
		            		<input type="text" name="keyword" class="search-keyword" id="search-keyword"
		            			placeholder="请输入关键词">
		            		<input type="hidden" name="scode" value="1">
		            		<button type="submit" class="button">搜索</button>
		            	</form>
		            </div>
		        </div>
		    </div>
		</div>
		<script>
		    $(document).ready(function () {
		        $('.pop-close').click(function () {
		            $('.bgPop,.pop').hide();
		        });
		        $('.click_pop').click(function () {
		            $('.bgPop,.pop').show();
		        });
		    })
		
		</script>

<!--底部-->
<div class="shmu-home-bottom">
	<div class="more">
		<img src="/template/default/images/home-bottom.png">
		<div class="overlay">
			<div class="shmu-bottom-menu">
				
				<ul>
					<li class="large"><a href="/pages_23/" target="" class="t">茶博概况</a></li>
					
					<li>
						<a href="/pages_20/">关于我们</a>
					</li>
					
					<li>
						<a href="/wenchuang/">文创周边</a>
					</li>
					
				</ul>
				
				<ul>
					<li class="large"><a href="/article/" target="" class="t">资讯</a></li>
					
					<li>
						<a href="/news_3/">本馆公告</a>
					</li>
					
					<li>
						<a href="/news_46/">新闻动态</a>
					</li>
					
					<li>
						<a href="/news_12/">志愿者之家</a>
					</li>
					
				</ul>
				
				<ul>
					<li class="large"><a href="/education/" target="" class="t">社会教育</a></li>
					
					<li>
						<a href="/list_29/">技能培训</a>
					</li>
					
					<li>
						<a href="/list_30/">定制活动</a>
					</li>
					
					<li>
						<a href="/list_31/">青少年活动</a>
					</li>
					
				</ul>
				
				<ul>
					<li class="large"><a href="/wenwu/" target="" class="t">典藏</a></li>
					
					<li>
						<a href="/wenwu/">数字文物库</a>
					</li>
					
					<li>
						<a href="/pages_40/">典藏咨询</a>
					</li>
					
				</ul>
				
				<ul>
					<li class="large"><a href="/show/" target="" class="t">展示</a></li>
					
					<li>
						<a href="/list_35/">展示视频</a>
					</li>
					
				</ul>
				
			</div>
		</div>
	</div>
	<div>地址：湖南省长沙市芙蓉区隆园一路19号&nbsp;&nbsp;&nbsp;&nbsp;电话：0731-85181968</div>
	<div style="flex: 1;"></div>
	<div class="copyright">
		Copyright © 2023 湖南省茶叶博物馆 All Rights Reserved.  技术支持：湖南鼎义迅驰 备案号：<a href="https://beian.miit.gov.cn" target="_blank">湘ICP备10003390号-4</a>
	</div>
</div>


<script>
	$(function() {
		$('.shmu-home-bottom .more').hover(function() {
			var overlay = $(this).find('.overlay');
			overlay.height(overlay.children().first().outerHeight());
		}, function() {
			$(this).find('.overlay').height(0);
		});
	});
</script>


<section class="section-wrap wrapBox">
	<div class="wrapBox">
		<!-- 第一屏 -->
		<div class="section section-1 box page1">
			
			<div class="banner-one pic">
				<div class="bg"><a href=""><img src="/static/upload/image/20230912/1694528532916226.jpg"></a></div>
			</div>
			

			<div id="banner-overlay2" style="width: 331px;">
				<div class="title">
					<span style="white-space: nowrap;">湖南省茶叶博物馆全年免费开放</span>
				</div>
				<div class="content">
					<p>每周一至周日9:00-16:30对外开放，<br>16:00停止入馆</p>
					<p class="more-open-info"><a href="/pages_25/">更多开放信息</a></p>
					<p class="jiangjie-info"><img src="/template/default/images/jiangjie-icon.png"><a href="/pages_25/">展厅讲解活动需向本馆申报</a></p>
				</div>
			</div>
		</div>


		<!-- 第二屏 -->
		<div class="box page2 section section-2">
			<!-- 幻灯片 -->
			<div class="swiper-container banner-one pic">
			    <div class="swiper-wrapper">
			    	
			        	<div class="swiper-slide bg">
			        		<a href="">
			        			<img src="/static/upload/image/20240108/1704691793823912.jpg" class="d-block w-100" >
			        		</a>
			        	</div>
			        
			        	<div class="swiper-slide bg">
			        		<a href="">
			        			<img src="/static/upload/image/20240108/1704691808328694.jpg" class="d-block w-100" >
			        		</a>
			        	</div>
			        
			        	<div class="swiper-slide bg">
			        		<a href="">
			        			<img src="/static/upload/image/20240108/1704691954748007.jpg" class="d-block w-100" >
			        		</a>
			        	</div>
			        
			        	<div class="swiper-slide bg">
			        		<a href="">
			        			<img src="/static/upload/image/20240108/1704691963463769.jpg" class="d-block w-100" >
			        		</a>
			        	</div>
			        
			        	<div class="swiper-slide bg">
			        		<a href="">
			        			<img src="/static/upload/image/20240108/1704691972583957.jpg" class="d-block w-100" >
			        		</a>
			        	</div>
			        
			        	<div class="swiper-slide bg">
			        		<a href="">
			        			<img src="/static/upload/image/20240108/1704691981414949.jpg" class="d-block w-100" >
			        		</a>
			        	</div>
			         
			    </div>
			    <!-- <div class="swiper-button-prev d-none d-md-block"></div>
			    <div class="swiper-button-next d-none d-md-block"></div> -->
			    <div class="swiper-pagination"></div>
			</div>
		</div>

		<!-- 第三屏 -->
		<div class="box page3 section section-3s">
			<div class="main">
				<div class="wk_fwxm">
					<ul>
						<li class="wk_li1">
							<div class="wk_fwxm_bg"></div>
							<a href="/wenwu/" target="_blank">
							<div class="wk_fwxm_main">
								<div class="wk_fwxm_ico"></div>
								<h2>数字文物库</h2>
								<p>01</p>
							</div>
							</a>
						</li>
						<li class="wk_li2">
							<div class="wk_fwxm_bg"></div>
							<a href="/education/" target="_blank">
							<div class="wk_fwxm_main">
								<div class="wk_fwxm_ico"></div>
								<h2>社会教育</h2>
								<p>02</p>
								<!-- <div class="wk_ljzx"><a href="/education/" target="_blank">了解更多</a></div> -->
							</div>
							</a>
						</li>
						<li class="wk_li3">
							<div class="wk_fwxm_bg"></div>
							<a href="/article/" target="_blank">
							<div class="wk_fwxm_main">
								<div class="wk_fwxm_ico"></div>
								<h2>新闻动态</h2>
								<p>03</p>
							</div>
							</a>
						</li>
						<li class="wk_li4">
							<div class="wk_fwxm_bg"></div>
							<a href="/wenchuang/" target="_blank">
							<div class="wk_fwxm_main">
								<div class="wk_fwxm_ico"></div>
								<h2>文创周边</h2>
								<p>04</p>
							</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
</section>

<ul class="section-btn">
	<li class="on"></li>
	<li></li>
	<li></li>
</ul>
<div class="arrow">&laquo;</div>


<!-- 在线客服 -->
<ul class="shmu-sidebar-menu">
	<li class="menu-item" style="display: list-item;">
		<a href="javascript:;">
			<div>
				<img src="/template/default/images/sidebar-menu1.png" class="img1">
				<img src="/template/default/images/sidebar-menu11.png" class="img2">
			</div>
			<div>预约</div>
		</a>
		<div class="overlay overlay-app">
			<div class="overlay-content">
				<img src="/template/default/images/yy.png" width="150">
			</div>
		</div>
	</li>
	<li class="menu-item" style="display: list-item;">
		<a href="javascript:;">
			<div>
				<img src="/template/default/images/sidebar-menu2.png" class="img1">
				<img src="/template/default/images/sidebar-menu22.png" class="img2">
			</div>
			<div>社交</div>
		</a>
		<div class="overlay overlay-social">
			<div class="overlay-content">
				<a href="">
					<img src="/template/default/images/e1.jpg" width="150">
				</a>
				<a href="">
					<img src="/template/default/images/e2.jpg" width="150">
				</a>
			</div>
		</div>
	</li>
	<li class="menu-item" style="display: list-item;">
		<a href="javascript:;">
			<div>
				<img src="/template/default/images/sidebar-menu3.png" class="img1">
				<img src="/template/default/images/sidebar-menu33.png" class="img2">
			</div>
			<div>小程序</div>
		</a>
		<div class="overlay overlay-app">
			<div class="overlay-content">
				<img src="/template/default/images/sidebar-app.png" width="150">
			</div>
		</div>
	</li>
	<li class="menu-item" style="display: list-item;">
		<a href="/pages_44/">
			<div>
				<img src="/template/default/images/sidebar-menu4.png" class="img1">
				<img src="/template/default/images/sidebar-menu44.png" class="img2">
			</div>
			<div>路线</div>
		</a>
	</li>
	<li class="to-top" style="display: none;">
		<a href="javascript:;">
			<div>
				<img src="/template/default/images/sidebar-menu11.png" class="img1">
				<img src="/template/default/images/sidebar-menu12.png" class="img2">
			</div>
		</a>
	</li>
</ul>

<!--搜索-->
<div id="model-search-site" style="display: none;" class="">
	<div class="shmu-columns">
		<div style="flex: 1;">
			<input type="text" id="model-search-site-search-text" placeholder="请输入搜索内容">
		</div>
		<div class="button">确定</div>
	</div>
</div>
<script src="/template/default/swiper-4.3.5/js/swiper.min.js"></script>
<script>        
  var mySwiper = new Swiper ('.swiper-container', {
    direction: 'horizontal',
    loop: true,
    speed: 1500,
    autoplay : {
        delay:3500,
        disableOnInteraction: false
     },
     
    
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
      clickable :true,
    },
    
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
   
  })        
</script>
<script type="text/javascript">
	//此处引用：鼠标滚轮mousewheel插件
	! function(a) {
		"function" == typeof define && define.amd ? define(["jquery"], a) : "object" == typeof exports ? module.exports =
			a : a(jQuery)
	}(function(a) {
		function b(b) {
			var g = b || window.event,
				h = i.call(arguments, 1),
				j = 0,
				l = 0,
				m = 0,
				n = 0,
				o = 0,
				p = 0;
			if (b = a.event.fix(g), b.type = "mousewheel", "detail" in g && (m = -1 * g.detail), "wheelDelta" in g && (
					m = g.wheelDelta), "wheelDeltaY" in g && (m = g.wheelDeltaY), "wheelDeltaX" in g && (l = -1 * g
					.wheelDeltaX), "axis" in g && g.axis === g.HORIZONTAL_AXIS && (l = -1 * m, m = 0), j = 0 === m ?
				l : m, "deltaY" in g && (m = -1 * g.deltaY, j = m), "deltaX" in g && (l = g.deltaX, 0 === m && (j = -
					1 * l)), 0 !== m || 0 !== l) {
				if (1 === g.deltaMode) {
					var q = a.data(this, "mousewheel-line-height");
					j *= q, m *= q, l *= q
				} else if (2 === g.deltaMode) {
					var r = a.data(this, "mousewheel-page-height");
					j *= r, m *= r, l *= r
				}
				if (n = Math.max(Math.abs(m), Math.abs(l)), (!f || f > n) && (f = n, d(g, n) && (f /= 40)), d(g, n) &&
					(j /= 40, l /= 40, m /= 40), j = Math[j >= 1 ? "floor" : "ceil"](j / f), l = Math[l >= 1 ?
						"floor" : "ceil"](l / f), m = Math[m >= 1 ? "floor" : "ceil"](m / f), k.settings
					.normalizeOffset && this.getBoundingClientRect) {
					var s = this.getBoundingClientRect();
					o = b.clientX - s.left, p = b.clientY - s.top
				}
				return b.deltaX = l, b.deltaY = m, b.deltaFactor = f, b.offsetX = o, b.offsetY = p, b.deltaMode = 0, h
					.unshift(b, j, l, m), e && clearTimeout(e), e = setTimeout(c, 200), (a.event.dispatch || a.event
						.handle).apply(this, h)
			}
		}

		function c() {
			f = null
		}

		function d(a, b) {
			return k.settings.adjustOldDeltas && "mousewheel" === a.type && b % 120 === 0
		}
		var e, f, g = ["wheel", "mousewheel", "DOMMouseScroll", "MozMousePixelScroll"],
			h = "onwheel" in document || document.documentMode >= 9 ? ["wheel"] : ["mousewheel", "DomMouseScroll",
				"MozMousePixelScroll"
			],
			i = Array.prototype.slice;
		if (a.event.fixHooks)
			for (var j = g.length; j;) a.event.fixHooks[g[--j]] = a.event.mouseHooks;
		var k = a.event.special.mousewheel = {
			version: "3.1.12",
			setup: function() {
				if (this.addEventListener)
					for (var c = h.length; c;) this.addEventListener(h[--c], b, !1);
				else this.onmousewheel = b;
				a.data(this, "mousewheel-line-height", k.getLineHeight(this)), a.data(this,
					"mousewheel-page-height", k.getPageHeight(this))
			},
			teardown: function() {
				if (this.removeEventListener)
					for (var c = h.length; c;) this.removeEventListener(h[--c], b, !1);
				else this.onmousewheel = null;
				a.removeData(this, "mousewheel-line-height"), a.removeData(this, "mousewheel-page-height")
			},
			getLineHeight: function(b) {
				var c = a(b),
					d = c["offsetParent" in a.fn ? "offsetParent" : "parent"]();
				return d.length || (d = a("body")), parseInt(d.css("fontSize"), 10) || parseInt(c.css(
					"fontSize"), 10) || 16
			},
			getPageHeight: function(b) {
				return a(b).height()
			},
			settings: {
				adjustOldDeltas: !0,
				normalizeOffset: !0
			}
		};
		a.fn.extend({
			mousewheel: function(a) {
				return a ? this.bind("mousewheel", a) : this.trigger("mousewheel")
			},
			unmousewheel: function(a) {
				return this.unbind("mousewheel", a)
			}
		})
	});

	$(function() {
		var i = 0;
		var $btn = $('.section-btn li'),
			$wrap = $('.section-wrap'),
			$arrow = $('.arrow');

		/*当前页面赋值*/
		function up() {
			i++;
			if (i == $btn.length) {
				i = 0
			};
		}

		function down() {
			i--;
			if (i < 0) {
				i = $btn.length - 1
			};
		}

		/*页面滑动*/
		function run() {
			$btn.eq(i).addClass('on').siblings().removeClass('on');
			$wrap.attr("class", "section-wrap").addClass(function() {
				return "put-section-" + i;
			}).find('.section').eq(i).find('.title').addClass('active');
		};

		/*右侧按钮点击*/
		$btn.each(function(index) {
			$(this).click(function() {
				i = index;
				run();
			})
		});

		/*翻页按钮点击*/
		$arrow.one('click', go);

		function go() {
			up();
			run();
			setTimeout(function() {
				$arrow.one('click', go)
			}, 1000)
		};

		/*响应鼠标*/
		$wrap.one('mousewheel', mouse_);

		function mouse_(event) {
			if (event.deltaY < 0) {
				up()
			} else {
				down()
			}
			run();
			setTimeout(function() {
				$wrap.one('mousewheel', mouse_)
			}, 1000)
		};

		/*响应键盘上下键*/
		$(document).one('keydown', k);

		function k(event) {
			var e = event || window.event;
			var key = e.keyCode || e.which || e.charCode;
			switch (key) {
				case 38:
					down();
					run();
					break;
				case 40:
					up();
					run();
					break;
			};
			setTimeout(function() {
				$(document).one('keydown', k)
			}, 1000);
		}
	});
</script>

<script>
	$(function() {
		jQuery('li.mainlevel').mousemove(function() {
			jQuery(this).find('.nav_a').slideDown();
		});
		jQuery('li.mainlevel').mouseleave(function() {
			jQuery(this).find('.nav_a').slideUp(0);
		});
		// 悬浮窗口
		$(".yb_conct").hover(function() {
			$(".yb_conct").css("right", "5px");
			$(".yb_bar .yb_ercode").css('height', '200px');
		}, function() {
			$(".yb_conct").css("right", "-127px");
			$(".yb_bar .yb_ercode").css('height', '53px');
		});
		// 返回顶部
		$(".yb_top").click(function() {
			$("html,body").animate({
				'scrollTop': '0px'
			}, 300)
		});
	});
</script>
</body>
</html>
